<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
  <head>
    <title>
    </title>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="css/ui-img.css">
    <link rel="stylesheet" href="css/ui-res.css">
    <link rel="stylesheet" href="css/ui-list.css">
    <link rel="stylesheet" href="css/ui-base.css">
    <link rel="stylesheet" href="css/ui-box.css">
    <link rel="stylesheet" href="css/ui-color.css">
    <script src="js/zy_control.js">
    </script>
    <script src="js/zy_click.js">
    </script>
    <script>
	</script>
<style>

#container {margin:0 auto; width:100%;}
#sidebar { float:left; min-width:200px; }
#content { margin-left:205px !important; margin-left:202px; }
.img2{
	width:150px;
}
</style>
  </head>
<body class="um-vp" ontouchstart>
<div id="container">
  <div id="sidebar">
  	<!--列表开始-->
<div class="uc-a1 uba1 b-gra c-bla us">  
  <ul ontouchstart="zy_touch('btn-act')" class="uc-t1 ubb ub b-gra c-m3 t-bla ub-ac umh4 lis  ">   
  <li class="tx-c t-wh ulev-1" >Cakes</li>    
 </ul>   
 <ul ontouchstart="zy_touch('btn-act')" class=" ub ubb b-gra c-m3 t-bla ub-ac umh4 lis">     
 <li class="tx-c t-wh ulev-1" >Roman candles</li>   
 </ul>     
<ul ontouchstart="zy_touch('btn-act')" class=" ub ubb b-gra c-m3 t-bla ub-ac umh4 lis">     
 <li class="tx-c t-wh ulev-1 " >Helicopter Ground</li>   
 </ul>
 <ul ontouchstart="zy_touch('btn-act')" class=" ub ubb b-gra c-m3 t-bla ub-ac umh4 lis">     
 <li class="tx-c t-wh ulev-1" >Fountains</li>   
 </ul>
  <ul ontouchstart="zy_touch('btn-act')" class=" ub ubb b-gra c-m3 t-bla ub-ac umh4 lis">     
 <li class="tx-c t-wh ulev-1" >Fountains</li>   
 </ul>
  <ul ontouchstart="zy_touch('btn-act')" class=" ub ubb b-gra c-m3 t-bla ub-ac umh4 lis">     
 <li class="tx-c t-wh ulev-1" >Fountains</li>   
 </ul>
  <ul ontouchstart="zy_touch('btn-act')" class=" ub ubb b-gra c-m3 t-bla ub-ac umh4 lis">     
 <li class="tx-c t-wh ulev-1" >Fountains</li>   
 </ul>
   <ul ontouchstart="zy_touch('btn-act')" class=" ub ubb b-gra c-m3 t-bla ub-ac umh4 lis">     
 <li class="tx-c t-wh ulev-1" >Fountains</li>   
 </ul>
   <ul ontouchstart="zy_touch('btn-act')" class=" ub ubb b-gra c-m3 t-bla ub-ac umh4 lis">     
 <li class="tx-c t-wh ulev-1" >Fountains</li>   
 </ul>
   <ul ontouchstart="zy_touch('btn-act')" class=" ub ubb b-gra c-m3 t-bla ub-ac umh4 lis">     
 <li class="tx-c t-wh ulev-1" >Fountains</li>   
 </ul>
   <ul ontouchstart="zy_touch('btn-act')" class=" ub ubb b-gra c-m3 t-bla ub-ac umh4 lis">     
 <li class="tx-c t-wh ulev-1" >Fountains</li>   
 </ul>
   <ul ontouchstart="zy_touch('btn-act')" class=" ub ubb b-gra c-m3 t-bla ub-ac umh4 lis">     
 <li class="tx-c t-wh ulev-1" >Fountains</li>   
 </ul>
  </div>
<!--列表结束-->
   

  </div>
<!--列表结束-->
	</div>
  <div id="content">
<div class="ub uba b-gra c-green c-m1 t-wh uc-a1">	
 <div class="ubr b-gra ub-f1 uinn uc-l1" style="text-align:center;" >
<img src="images/china.png" class="ub-img im img2" onclick="loadshow();"><br/>China</div>	 
<div class="ubr b-gra ub-f1 uinn  ub-pc" style="text-align:center;">
<img src="images/china.png" class="ub-img im img2" onclick="loadshow();"><br/>China
</div>	
 <div class="ub-f1 uinn uc-r1" style="text-align:center;">
<img src="images/china.png" class="ub-img im img2" onclick="loadshow();"><br/>China
</div>
 </div>
 <div class="ub uba b-gra c-green c-m1 t-wh uc-a1">	
 <div class="ubr b-gra ub-f1 uinn uc-l1" style="text-align:center;" >
<img src="images/china.png" class="ub-img im img2" onclick="loadshow();"><br/>China</div>	 
<div class="ubr b-gra ub-f1 uinn  ub-pc" style="text-align:center;">
<img src="images/china.png" class="ub-img im img2" onclick="loadshow();"><br/>China
</div>	
 <div class="ub-f1 uinn uc-r1" style="text-align:center;">
<img src="images/china.png" class="ub-img im img2" onclick="loadshow();"><br/>China
</div>
 </div>
 <div class="ub uba b-gra c-green c-m1 t-wh uc-a1">	
 <div class="ubr b-gra ub-f1 uinn uc-l1" style="text-align:center;" >
<img src="images/china.png" class="ub-img im img2" onclick="loadshow();"><br/>China</div>	 
<div class="ubr b-gra ub-f1 uinn  ub-pc" style="text-align:center;">
<img src="images/china.png" class="ub-img im img2" onclick="loadshow();"><br/>China
</div>	
 <div class="ub-f1 uinn uc-r1" style="text-align:center;">
<img src="images/china.png" class="ub-img im img2" onclick="loadshow();"><br/>China
</div>
 </div>
 <div class="ub uba b-gra c-green c-m1 t-wh uc-a1">	
 <div class="ubr b-gra ub-f1 uinn uc-l1" style="text-align:center;" >
<img src="images/china.png" class="ub-img im img2" onclick="loadshow();"><br/>China</div>	 
<div class="ubr b-gra ub-f1 uinn  ub-pc" style="text-align:center;">
<img src="images/china.png" class="ub-img im img2" onclick="loadshow();"><br/>China
</div>	
 <div class="ub-f1 uinn uc-r1" style="text-align:center;">
<img src="images/china.png" class="ub-img im img2" onclick="loadshow();"><br/>China
</div>
 </div>
 <div class="ub uba b-gra c-green c-m1 t-wh uc-a1">	
 <div class="ubr b-gra ub-f1 uinn uc-l1" style="text-align:center;" >
<img src="images/china.png" class="ub-img im img2" onclick="loadshow();"><br/>China</div>	 
<div class="ubr b-gra ub-f1 uinn  ub-pc" style="text-align:center;">
<img src="images/china.png" class="ub-img im img2" onclick="loadshow();"><br/>China
</div>	
 <div class="ub-f1 uinn uc-r1" style="text-align:center;">
<img src="images/china.png" class="ub-img im img2" onclick="loadshow();"><br/>China
</div>
 </div>
</div>
</div>

</body>
<script>
zy_init();
window.uexOnload=function(type)
{
	if(!type){
		uexWindow.setBounce("1");
		uexWindow.showBounceView("0","#FFF","0");
		uexWindow.showBounceView("1","#FFF","0");
	}
}

function loadshow(){
	uexWindow.open('show',0,'show.html',2,'100%','100%',0);
}
</script>
</html>
